<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="./css/style.css">
</head>

<body>
  <!-- header -->
  <header class="autorow all-flex">
    <div id="header" class="row automargin all-flex jf-between">
      <div class="logo">
        <img src="./images/logo.jpg" alt="">
      </div>
      <nav id="header-nav">
        <ul class="nav-items all-flex jf-evenly">
          <li class="nav-item">
            <a href="javascript:;" class="fs16">首页</a>
          </li>
          <li class="nav-item">
            <a href="javascript:;" class="fs16">解决方案</a>
          </li>
          <li class="nav-item">
            <a href="javascript:;" class="fs16">资讯中心</a>
          </li>
          <li class="nav-item">
            <a href="javascript:;" class="fs16">案例展示</a>
          </li>
          <li class="nav-item">
            <a href="javascript:;" class="fs16">了解牛豆</a>
          </li>
        </ul>
      </nav>
    </div>
  </header>

  <!-- banner -->
  <div class="banner autorow ">
    <section id="banner" class="automargin row all-flex">
      <div class="item-img w500ah all-flex">
        <img src="./images/banner.jpg" alt="">
      </div>
      <div class="item-content w500ah flex flex-c jf-center">
        <h2 class="fs36">我们拥有专业的网络建设团队</h2>
        <p class="fs36">拥有成熟的电子商务解决方案</p>

        <p class="common-fd fs12">We have a professional network construction team</p>
        <p class="common-fd fs12">Have mature e-commerce solutions</p>

        <a href="javascript:;" class="fs14 common-ff more">LEARN MORE</a>
      </div>
      <ul class="banner-btn-items flex jf-between">
        <li class="banner-btn-item"></li>
        <li class="banner-btn-item"></li>
        <li class="banner-btn-item"></li>
      </ul>
    </section>
  </div>

  <!-- main -->
  <main class="autorow">
    <section id="main autorow">
      <ul class="main-items autorow">
        <li class="main-item autorow ">
          <div class="row automargin flex autoheight">
            <div class="main-item-img w500ah all-flex">
              <img src="./images/main1.jpg" alt="">
            </div>
            <div class="main-item-content w500ah flex flex-c jf-center">
              <h4 class="fs30 common-5b">公司简介</h4>
              <p class="fs14 common-b8">COMPANY INTRODUCTION</p>
              <p class="fs17 common-98">
                文豆,是一家提供互联网服务的高科技集团公司,集策划、设计、前端优化、研发、测试、系统运维、网站推广、运营、团队外包及互联网人才培养为一体的成熟业务体系。总部位于广州市客村立交财智大厦28楼。</p>
            </div>
          </div>
        </li>
        <li class="main-item autorow">
          <div class="row automargin flex autoheight">
            <div class="main-item-content w500ah flex flex-c jf-center">
              <h4 class="fs30 common-5b">公司的运营理念</h4>
              <p class="fs14 common-b8">COMPANY OPERATION IDEA</p>
              <p class="fs17 common-98">携手共进,共赢天下。以结果为导向,树立好工作目标,监督过程,实现理想效果。打造一流的团队,创造一流的服务,成为一流的行业标志。</p>
            </div>
            <div class="main-item-img w500ah all-flex jf-end">
              <img src="./images/main2.jpg" alt="">
            </div>
          </div>
        </li>
        <li class="main-item autorow ">
          <div class="row automargin flex autoheight">
            <div class="main-item-img w500ah all-flex">
              <img src="./images/main3.jpg" alt="">
            </div>
            <div class="main-item-content w500ah flex flex-c jf-center">
              <h4 class="fs30 common-5b">公司的业务范围</h4>
              <p class="fs14 common-b8">SPHERE OF BUSINESS</p>
              <p class="fs17 common-98">文豆主要提供高品质网站建设方案,电子商务平台解决方案,移动端应用开发方案(基于Android, iOS APP及移动端网站)
                ,微应用、微商城、微官网、微互动营销解决方案,企业信息化解决方案(OA, CIRM) ,以及PHP网站开发、Java开发、UI设计、淘宝美工人才培养服务,人才外包服务,高端IT人才猎头服务。</p>
            </div>
          </div>
        </li>
        <li class="main-item autorow">
          <div class="row automargin flex autoheight">
            <div class="main-item-content w500ah flex flex-c jf-center">
              <h4 class="fs30 common-5b">员工职业发展</h4>
              <p class="fs14 common-b8">CAREER DEVELOPMENT</p>
              <p class="fs17 common-98">
                我们非常清楚职业发展计划对于每个员工的重要性。公司对人员的要求,更加看重心态,只要愿意成为文豆的一份子,公司都会让员工充分展示自己,发挥他们的潜力、才干和热情,在文豆走向职业的成功。</p>
            </div>
            <div class="main-item-img w500ah all-flex jf-end">
              <img src="./images/main4.jpg" alt="">
            </div>
          </div>
        </li>
      </ul>
      <div class="menus autorow">
        <ul class="menu-items row autoheight automargin all-flex jf-between">
          <li class="menu-item all-flex flex-c jf-center">
            <div class="menu-item-img">
              <img src="./images/item1.png" alt="">
            </div>
            <div class="menu-item-content common-f6">
              <p class="center fs16">使命感</p>
              <p class="fs10">让每一个IT人,都有一个不一样的人生</p>
            </div>
          </li>
          <li class="menu-item all-flex flex-c jf-center">
            <div class="menu-item-img">
              <img src="./images/item2.png" alt="">
            </div>
            <div class="menu-item-content common-f6 center common-ac">
              <p class=" fs16">价值观</p>
              <p class="fs10">负责任,诚信</p>
            </div>
          </li>
          <li class="menu-item all-flex flex-c jf-center">
            <div class="menu-item-img">
              <img src="./images/item3.png" alt="">
            </div>
            <div class="menu-item-content common-f6 center common-ac">
              <p class=" fs16">愿景</p>
              <p class="fs10">打造全球最棒的IT服务平台</p>
            </div>
          </li>
        </ul>
      </div>
    </section>
  </main>
  <!--  -->
  <!-- footer -->
  <footer class="autorow">
    <section id="footer" class="row automargin autoheight flex ">
      <div class="footer-item autoheight">
        <div class="footer-phone">
          <h2 class="fs50">24</h2>
          <p class="fs24">小时免费热线</p>
          <h3 class="fs33">400-889-7654</h3>
        </div>
      </div>
      <div class="footer-content autoheight flex flex-c jf-center">
        <ul class="footer-nav all-flex jf-around">
          <li class="nav-item">
            <a href="javascript:;" class="fs16 common-bb">解决方案</a>
          </li>
          <li class="nav-item">
            <a href="javascript:;" class="fs16 common-bb">资讯中心</a></a>
          </li>
          <li class="nav-item">
            <a href="javascript:;" class="fs16 common-bb">案例展示</a>
          </li>
          <li class="nav-item">
            <a href="javascript:;" class="fs16 common-bb">了解牛牛豆</a>
          </li>
        </ul>
        <div class="footer-introduce autorow flex flex-c jf-between common-bb">
          <div class="flex">
            <img src="./images/address_03.png" alt="" class="mr5">
            <p class="fs14">广州市海珠区广州大道南448号财智大厦28楼</p>
          </div>
          <div class="flex">
            <img src="./images/c_03.png" alt="" class="mr5">
            <p class="fs14 mr4">广州牛牛豆网络科技有限公司版权所有</p>
            <span class="fs14">Copyright 2009-2015 ,All Rights Reserved wengdo</span>
          </div>
        </div>
        <div class="footer-about common-bb fs14 all-flex jf-around">
          <span>粤ICP备12022584号-3</span>
          <span>法律顾问:广东晨晨律师事务所-张勇律师</span>
        </div>
      </div>
    </section>
  </footer>
</body>

</html>